<footer>
	<p id="copyright">&copy; 2011 2BSimple Co.,Ltd. | Everything It's easy</p>
	<p class="right">Title, Keyword, Description</p>
</footer>
<div class="ovlPopGen wrpPopLI" id="popUpGen">
    <div class="popLS posPopLISU">
        <!-- Top Bar -->
      
      <div class='frame'>
      <img id='sample_picture' src=''>
    </div>


   <div class="" id="controls">
      <a title="Rotate left" id="rotate_left" href="#"><i class="fa fa-rotate-left"></i></a>
      <a title="Zoom out" id="zoom_out" href="#"><i class="fa fa-search-minus"></i></a>
      <a title="Fit image" id="fit" href="#"><i class="fa fa-arrows-alt"></i></a>
      <a title="Zoom in" id="zoom_in" href="#"><i class="fa fa-search-plus"></i></a>
      <a title="Rotate right" id="rotate_right" href="#"><i class="fa fa-rotate-right"></i></a>
      <a title="Save" id="save_data" href="javascript:void(0)" onclick="saveeventimage()"><i class="fa fa-save"></i></a>
    </div>


    <ul id='data'>
      <div class='column'>
        <li>x: <span id='x'></span></li>
        <li>y: <span id='y'></span></li>
      </div>
      <div class='column'>
        <li>width:  <span id='w'></span></li>
        <li>height: <span id='h'></span></li>
      </div>
      <div class='column'>
        <li>scale: <span id='scale'></span></li>
        <li>angle: <span id='angle'></span></li>
      </div>
    </ul>
      
      
        
        
    </div>
</div>